<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"   
      xmlns:jb="http://java.sun.com/jsf/composite/componentes"
      xmlns:p="http://primefaces.org/ui">

    <SCRIPT language="JavaScript" type="text/javascript">
                   
        function handleAddReqConvRequest(xhr, status, args) {                     
            if(args.validationFailed) {  
     
            } else {                              
                carDialogRequerimientos.hide();  
                jQuery('#btnGuardarReqConv').fadeOut();  
            }  
        }  
    </SCRIPT>
    <h:form onsubmit="return checkSubmit();"  id="frmPopupRequerimiento">
        <h:panelGrid id="pgFormPopupRequerimiento"   frame="box">
            <h:panelGrid  columns="4" cellpadding="4">

                <p:dataTable id="tblReqAprobrados" value="#{convocatoriaMBean.listaReqAprobados}" var="dto" rowKey="#{dto.id}"
                             emptyMessage="#{i18n['popup.mensaje.no.requerimientos']}" styleClass="estiloPanel"                              
                             widgetVar="widTable"  paginator="true" rows="#{sessionMBean.cantidadRegistros}" selection="#{convocatoriaMBean.selectedReqs}">                        

                    <p:column selectionMode="multiple" style="width:18px" />
                    
                    <p:column headerText="#{i18n['general.label.id']}"  style="text-align:center;">
                        <h:outputText value="#{dto.id}" styleClass="txtCampo" />
                    </p:column>
                    
                    <p:column headerText="#{i18n['requerimiento.label.descripcion']}">
                        <h:outputText value="#{dto.descripcion}" styleClass="txtCampo" />
                    </p:column>

                    <p:column headerText="#{i18n['requerimiento.label.objetivo']}">
                        <h:outputText value="#{dto.objetivo}" styleClass="txtCampo" />
                    </p:column>

                    <p:column headerText="#{i18n['requerimiento.label.puesto']}">
                        <h:outputText value="#{dto.puestoDto.descripcion}" styleClass="txtCampo" />
                    </p:column>

                    <p:column headerText="#{i18n['requerimiento.label.num_vacantes']}">
                        <h:outputText value="#{dto.numeroVacantes}" styleClass="txtCampo" />
                    </p:column>

                    <p:column headerText="#{i18n['requerimiento.label.sede']}">
                        <h:outputText value="#{dto.sedeDto.descripcion}" styleClass="txtCampo" />
                    </p:column>

                    <p:column headerText="#{i18n['requerimiento.label.modalidad_contratacion']}">
                        <h:outputText value="#{dto.modalidadContratacionDto.descripcion}" styleClass="txtCampo" />
                    </p:column>

                </p:dataTable>

            </h:panelGrid>  

            <p:panel id="pnlAcciones">
                <h:panelGrid columns="10">
                    <p:commandButton id="btnGuardarReqConv" update=":msjDialog,:TabContenedor:frmConvReq:tblReqPorConvocatoria" 
                                     title="#{i18n['general.button.guardar.tip']}"
                                     ajax="true" 
                                     style="#{applicationMBean.cssBotonTransaccion}"
                                     icon="ui-icon ui-icon-disk" 
                                     value="#{i18n['general.button.guardar']}" 
                                     action="#{convocatoriaMBean.agregarReqConvocatoria}"
                                     oncomplete="handleAddReqConvRequest(xhr, status, args);">                                    
                    </p:commandButton>        

                </h:panelGrid>
            </p:panel>
        </h:panelGrid>  
    </h:form>
</html>